<script lang="ts" setup>
import { useAppStore } from '@/store'
import { urlTobase64 } from '@/utils/shared.ts'

const { windowHeight, customBarHeight } = storeToRefs(useAppStore())
// const backgroundUrl = `url('https://xxxxx:18080/napFileApi/merchant/common/file/download?imageId=top01&bindingType=1')`
</script>

<template>
  <div class="layout-custom"
    :style="{ minHeight: `${windowHeight - customBarHeight}px`, paddingTop: `${customBarHeight}px`, backgroundImage: `url(${urlTobase64('/', 'top01_1')})` }">
    <slot />
  </div>
</template>

<style lang="sass" scoped>
.layout-custom
  background-position: top center
  background-size: cover
</style>
